<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>lodash测试</title>
    <script src="../../js/lodash.js"></script>
    <script src="../../js/jquery-3.4.1.js"></script>
</head>
<body>
<input id="name1" />
<input id="name2" />
</body>
<script>
    //文档地址: https://www.lodashjs.com/docs/latest
    $(() => {
        /**
         * 说明:
         * 1. 绑定内容改变事件的一种方式;
         */
        $('#name1').on('input propertychange', _.debounce(function () {
            console.log($(this).val());
        }, 250));

        /**
         * 说明:
         * 1. 绑定内容改变事件的另一种方式;
         * 2. _.debounce函数是loadsh的防抖函数, 可以在触发事件方法之前有一个延时效果(函数的第二个参数控制, 单位是毫秒)
         */
        $('#name2').on('input', _.debounce(function () {
            console.log($(this).val());
        }, 250));
    });


</script>
</html>